<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width"/>
    <title></title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/common.css" />
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
	<style>
	body{
		padding:5px;
		background-color:transparent;
	}
	.row{
		margin:10px 0px;
	}
	.col-xs-12{
		text-align:center;
	}
	.col-xs-12 img{
		background:#554A1C;
	}
	.col-xs-6:hover{
    	background:#F6F6F6;
    }
	</style>
</head>

<body>
	<div class="container-fluid">
		<div class="row">
			<div class="col-xs-6" cid="1" onclick="openList(this)">
				<div class="col-xs-12">
					<img src="../res/category_01.png" class="img-responsive img-circle">
				</div>
				<div class="col-xs-12"><h4 class="text-warning">家常菜</h4></div>
			</div>
			<div class="col-xs-6" cid="2" onclick="openList(this)">
				<div class="col-xs-12">
					<img src="../res/category_02.png" class="img-responsive img-circle">
				</div>
				<div class="col-xs-12"><h4 class="text-warning">快手菜</h4></div>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-6" cid="3" onclick="openList(this)">
				<div class="col-xs-12">
					<img src="../res/category_03.png" class="img-responsive img-circle">
				</div>
				<div class="col-xs-12"><h4 class="text-warning">创意菜</h4></div>
			</div>
			<div class="col-xs-6" cid="4" onclick="openList(this)">
				<div class="col-xs-12">
					<img src="../res/category_04.png" class="img-responsive img-circle">
				</div>
				<div class="col-xs-12"><h4 class="text-warning">素菜</h4></div>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-6" cid="5" onclick="openList(this)">
				<div class="col-xs-12">
					<img src="../res/category_05.png" class="img-responsive img-circle">
				</div>
				<div class="col-xs-12"><h4 class="text-warning">凉菜</h4></div>
			</div>
			<div class="col-xs-6" cid="6" onclick="openList(this)">
				<div class="col-xs-12">
					<img src="../res/category_06.png" class="img-responsive img-circle">
				</div>
				<div class="col-xs-12"><h4 class="text-warning">面食</h4></div>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-6" cid="7" onclick="openList(this)">
				<div class="col-xs-12">
					<img src="../res/category_07.png" class="img-responsive img-circle">
				</div>
				<div class="col-xs-12"><h4 class="text-warning">粥</h4></div>
			</div>
			<div class="col-xs-6" cid="8" onclick="openList(this)">
				<div class="col-xs-12">
					<img src="../res/category_08.png" class="img-responsive img-circle">
				</div>
				<div class="col-xs-12"><h4 class="text-warning">汤</h4></div>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-6" cid="9" onclick="openList(this)">
				<div class="col-xs-12">
					<img src="../res/category_09.png" class="img-responsive img-circle">
				</div>
				<div class="col-xs-12"><h4 class="text-warning">自制调味料</h4></div>
			</div>
		</div>
	</div>
	<div style="height:50px;"></div>
</body>

<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/DBapi.js"></script>
<script type="text/javascript" src="../script/zepto.min.js"></script>
<script type="text/javascript">


apiready=function(){

}
</script>
</html>